<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0">
    <title>首页</title>
    <link href="css/base.css" type="text/css" rel="stylesheet">
    <link href="css/index.css" type="text/css" rel="stylesheet">
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
</head>
<body>
<div class="hm_layput">
    <header class="hm_header">
        <div class="hm_header_box">
            <a href="#" class="icon_logo"></a>
            <form action="#">
                <span class="icon_search"></span>
                <input type="search" placeholder="请输入搜索信息">
            </form>
            <a href="" class="login">登录</a>
        </div>
    </header>
</div>
<div class="hm_banner">
    <ul class="clearfix">
        <li><a href="#"><img src="images/l8.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l1.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l2.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l3.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l4.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l5.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l6.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l7.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l8.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/l1.jpg" alt=""></a></li>
    </ul>
    <ul>
        <li class="now"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<div class="hm_nav">
    <ul class="clearfix">
        <li><a href="category.html">
            <img src="images/nav0.png" alt="">
            <p>分类查询</p>
        </a></li>
        <li><a href="">
            <img src="images/nav1.png" alt="">
            <p>黑马超市</p>
        </a></li>
        <li><a href="cart.html">
            <img src="images/nav2.png" alt="">
            <p>购物车</p>
        </a></li>
        <li><a href="">
            <img src="images/nav3.png" alt="">
            <p>个人中心</p>
        </a></li>
        <li><a href="">
            <img src="images/nav4.png" alt="">
            <p>充值中心</p>
        </a></li>
        <li><a href="">
            <img src="images/nav5.png" alt="">
            <p>黑马理财</p>
        </a></li>
        <li><a href="">
            <img src="images/nav6.png" alt="">
            <p>黑马培训</p>
        </a></li>
        <li><a href="">
            <img src="images/nav7.png" alt="">
            <p>黑马圈子</p>
        </a></li>
    </ul>
</div>
<main class="hm_product">
    <section class="product_box hm_sk">
        <div class="product_box_tit no_border">
            <div class="f_left m_110">
                <span class="sk_icon"></span>
                <span class="sk_name m_100">掌上秒杀</span>
                <div class="sk_time m_100">
                    <span>0</span>
                    <span>0</span>
                    <span>:</span>
                    <span>0</span>
                    <span>0</span>
                    <span>:</span>
                    <span>0</span>
                    <span>0</span>
                </div>
            </div>
            <div class="f_right m_r10"><a href="#">更多</a></div>
        </div>
        <div class="product_box_con">
            <ul class="clearfix">
                <li><a href="">
                    <img src="images/detail01.jpg" alt=""></a>
                    <p>&yen;10.00</p>
                    <p>&yen;100.00</p>
                </li>
                <li><a href="">
                    <img src="images/detail02.jpg" alt=""></a>
                    <p>&yen;10.00</p>
                    <p>&yen;100.00</p>
                </li>
                <li><a href="">
                    <img src="images/detail02.jpg" alt=""></a>
                    <p>&yen;10.00</p>
                    <p>&yen;100.00</p>
                </li>
            </ul>
        </div>
    </section>
    <section class="product_box">
        <div class="product_box_tit"><h3>黑马超市</h3></div>
        <div class="product_box_con clearfix">
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp1.jpg" alt="">
            </a>
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp2.jpg" alt="">
            </a>
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp3.jpg" alt="">
            </a>
        </div>
    </section>
    <section class="product_box">
        <div class="product_box_tit"><h3>黑马超市</h3></div>
        <div class="product_box_con clearfix">
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp4.jpg" alt="">
            </a>
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp5.jpg" alt="">
            </a>
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp6.jpg" alt="">
            </a>
        </div>
    </section>
    <section class="product_box">
        <div class="product_box_tit"><h3>黑马超市</h3></div>
        <div class="product_box_con clearfix">
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp1.jpg" alt="">
            </a>
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp2.jpg" alt="">
            </a>
            <a href="" class="f_left w_50 b_right">
                <img src="images/cp3.jpg" alt="">
            </a>
        </div>
    </section>
</main>
</body>
</html>